.skeleton {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 304px;
  height: 225px;
  padding: 12px 16px 16px;
  background-color: #fff;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-skeleton);
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--gap-xl);
}

.title {
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
  margin-block-end: var(--gap-lg);
}

.date {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block-start: var(--gap-md);
  border-top: 2px solid hsl(var(--accent-text-hs) var(--lt-100));
}
